<script setup lang="ts">
  import { useI18n } from 'vue-i18n';

  import Map from './components/Map.vue';

  const { t } = useI18n();
  import {ref} from 'vue'
 

  const username=ref(t('login.username'))
</script>

<template>
  <div>
 
   <Map></Map>
     <input type="text" :placeholder="$t('login.username')">

     {{ username }}

      {{ $t('login.message.username') }}
  </div>
 
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
